CONFIDENCIAL · GRUPO OPP+ · uso interno MDC-GDI · Adendo Técnico v0.5
Documento normativo · versionado

Sistema de Design + MDC

Adendo Técnico ao Manual de Diretrizes Corporativas (MDC-GDI v0.4) e especificação vigente do Design System Grupo Opp+ v1.2 “O Norte”.

Grupo Opp+
{{ c.k }}
{{ c.v }}

1 · Estatuto deste documento

O MDC-GDI v0.4 permanece válido como manual corporativo. Este adendo não o revoga: ele registra, de forma formal e rastreável, os pontos em que a prática vigente do Grupo passou a divergir do texto de v0.4, e incorpora os itens que não existiam quando o manual foi escrito.

Regra de precedência: em qualquer conflito entre o MDC-GDI v0.4 e este adendo, prevalece o adendo. A versão viva e navegável destas definições é a Central de Marca (“O Norte”); a versão de arquivo é este documento, imprimível e versionado.

Três camadas, uma verdade: MDC-GDI v0.4 (manual base) → este adendo v0.5 (o que mudou e o que é novo) → Central de Marca (aplicação ao vivo, com os arquivos prontos).

2 · Errata — divergências em relação à v0.4

Cada linha substitui a definição correspondente do manual base.

{{ e.n }} {{ e.tema }}
MDC-GDI v0.4
{{ e.antes }}
Vigente
{{ e.agora }}
Por quê: {{ e.porque }}

3 · Itens novos, não contemplados na v0.4

Definições criadas depois do manual base. Passam a integrar o corpo normativo.

{{ n.n }}
{{ n.tema }}
{{ n.texto }}

4 · Design System v1.2 — especificação

Tokens vigentes. Arquivo-fonte: minhaopp-tokens-v1-2.css (rev. b).

4.1 Tipografia

{{ t.token }}
{{ t.valor }}
{{ t.uso }}

4.2 Escala e pesos

{{ s.token }} {{ s.valor }}

4.3 Cores — tema claro (padrão)

Padrão do produto por decisão ergonômica: polaridade positiva para o sol do campo e para leitores acima dos 50.

{{ c.token }} {{ c.hex }} {{ c.uso }}

4.4 Cores — tema escuro

Construído na família do Verde Escuro âncora #39453A — escuro com identidade, não o cinza-azulado genérico. Escolha do usuário no perfil.

{{ c.token }} {{ c.hex }} {{ c.uso }}

4.5 Trilhas por público

Camada fina de sinalização, como as faixas coloridas no chão de um corredor de hospital. A arquitetura visual é uma só; a trilha acrescenta um token de acento e um tom de voz, via atributo data-trilha. Vale apenas no ambiente logado (Minha Opp+); na home institucional o público é misto e a faixa confunde.

{{ t.nome }}
{{ t.hex }}
{{ t.voz }}

Regra de ouro: a cor é guia, não permissão. Quem é cliente e fornecedor ao mesmo tempo não se resolve pela cor — permissão vem do cadastro e das prerrogativas.

4.6 Espaçamento, raios, sombras e transições

{{ s.token }} {{ s.valor }}

5 · Implementação

  1. Copiar minhaopp-tokens-v1-2.css para css/tokens.css do projeto.
  2. Importar Comfortaa (títulos e marca) e Montserrat (corpo e interface).
  3. Consumir sempre as variáveis — nenhum hex solto no componente.
  4. Tema: o padrão é claro; o escuro só entra com data-theme="dark", persistido no perfil.
  5. Trilha: data-trilha na raiz do ambiente logado; componentes leem --trilha-acento.
Levar este sistema para outro projeto
Arquivo único e autocontido, em texto puro: marca, dados legais, simbolismo, público-alvo, trilhas e os tokens completos. Anexar na primeira mensagem de qualquer projeto novo — ele basta sozinho, sem depender do hub estar no ar.
Baixar o contexto (.md) Baixar só os tokens (.css)

6 · Controle de versões

{{ h.v }}
{{ h.data }}
{{ h.nota }}
Opp Aviação Agrícola Ltda · CNPJ 33.910.736/0001-56 · Rua Santa Catarina de Alexandria, 2127 · Parque Universitário · Sorriso/MT · CEP 78893-126. “Opp Gestão de Ativos” e “Grupo Opp+” são marcas de marketing, sem CNPJ próprio.
O Norte
Central de Marca